<template>
	<view class="workModal">
		<view class="searchBox">
			<u-search
				v-model="value"
				@change="change"
				@custom="custom"
				@search="search"
				:shape="shape"
				:bg-color="bgColor"
				:clearabled="clearabled"
				:show-action="showAction"
				:input-align="inputAlign"
				@clear="clear"
			></u-search>
		</view>
		<view class="swiper-box"><u-swiper :list="list"></u-swiper></view>
		<view class="workBox">
			<view class="title">移动办公</view>
			<view class="workList">
				<view class="workItem" @click="openPage('/pages/workbench/mobileOffice/work/index')">
					<view class="pic">
						<image src="@/static/images/YDBG-banwenbanshi@3x.png" mode="widthFix"></image>
					</view>
					<view class="text">办文办事</view>
				</view>
				<view class="workItem" @click="openPage('/pages/workbench/mobileOffice/meeting/index')">
					<view class="pic">
						<image src="@/static/images/YDBG-huiyiguanli@3x.png" mode="widthFix"></image>
					</view>
					<view class="text">会议管理</view>
				</view>
				<view class="workItem" @click="openPage('/pages/workbench/mobileOffice/carUse/index')">
					<view class="pic">
						<image src="@/static/images/YDBG-xingzhengyongche@3x.png" mode="widthFix"></image>
					</view>
					<view class="text">行政用车</view>
				</view>
			</view>
		</view>
		<view class="workBox">
			<view class="title">指挥调度</view>
			<view class="workList">
				<view class="workItem" @click="openPage('/pages/workbench/dispatch/beduty/index')">
					<view class="pic">
						<image src="@/static/images/ZHDD-meirizhiban@3x.png" mode="widthFix"></image>
					</view>
					<view class="text">每日值班</view>
				</view>
				<view class="workItem" @click="openPage('/pages/workbench/dispatch/databank/index')">
					<view class="pic">
						<image src="@/static/images/ZHDD-ziliaoku@3x.png" mode="widthFix"></image>
					</view>
					<view class="text">资料库</view>
				</view>
				<view class="workItem" @click="openPage('/pages/workbench/dispatch/createDispath/index')">
					<view class="pic">
						<image src="@/static/images/ZHDD-yijiandiaodu@3x.png" mode="widthFix"></image>
					</view>
					<view class="text">一键调度</view>
				</view>
				<view class="workItem" @click="openPage('/pages/workbench/dispatch/scene/index')">
					<view class="pic">
						<image src="@/static/images/ZHDD-zuozhanxianchang@3x.png" mode="widthFix"></image>
					</view>
					<view class="text">作战现场</view>
				</view>
				<!-- <view class="workItem">
					<view class="pic bg-blue-light">
						<u-icon name="order"></u-icon>
					</view>
					<view class="text">作战部署</view>
				</view>
				<view class="workItem">
					<view class="pic bg-orange-light">
						<u-icon name="order"></u-icon>
					</view>
					<view class="text">联动与调度</view>
				</view> -->
				<view class="workItem" @click="openPage('/pages/workbench/dispatch/carlocation/index')">
					<view class="pic">
						<image src="@/static/images/ZHDD-cheliangdingwei@3x.png" mode="widthFix"></image>
					</view>
					<view class="text">车辆定位</view>
				</view>
			</view>
		</view>
		<view class="workBox">
			<view class="title">训练管理</view>
			<view class="workList">
				<view class="workItem" @click="openPage('/pages/workbench/trainmode/trainPlan/index')">
					<view class="pic">
						<image src="@/static/images/XLGL-zhouxunlian@3x.png" mode="widthFix"></image>
					</view>
					<view class="text">周训练计划</view>
				</view>
				<view class="workItem" @click="openPage('/pages/workbench/trainmode/analyse/index')">
					<view class="pic">
						<image src="@/static/images/XLGL-chenjifenxi@3x.png" mode="widthFix"></image>
					</view>
					<view class="text">成绩分析</view>
				</view>
			</view>
		</view>
		<view class="workBox">
			<view class="title">教育学习</view>
			<view class="workList">
				<view class="workItem" @click="openPage('/pages/workbench/learning/activity/index')">
					<view class="pic">
						<image src="@/static/images/JYXX-dangtuanhuodong@3x.png" mode="widthFix"></image>
					</view>
					<view class="text">党团活动</view>
				</view>
				<view class="workItem" @click="openPage('/pages/workbench/learning/classroom/index')">
					<view class="pic">
						<image src="@/static/images/JYXX-suixinke@3x.png" mode="widthFix"></image>
					</view>
					<view class="text">随心课</view>
				</view>
				<view class="workItem" @click="openPage('/pages/workbench/learning/health/index')">
					<view class="pic">
						<image src="@/static/images/JYXX-xinlijiankang@3x.png" mode="widthFix"></image>
					</view>
					<view class="text">心里健康</view>
				</view>
				<view class="workItem" @click="openPage('/pages/workbench/learning/classroom/learn')">
					<view class="pic">
						<image src="@/static/images/JYXX-lilunxuexi@3x.png" mode="widthFix"></image>
					</view>
					<view class="text">理论学习</view>
				</view>
				<view class="workItem" @click="openPage('/pages/workbench/learning/classroom/selfTest')">
					<view class="pic">
						<image src="@/static/images/JYXX-lilunzice@3x.png" mode="widthFix"></image>
					</view>
					<view class="text">理论自测</view>
				</view>
				<view class="workItem" @click="openPage('/pages/platformTest/index')">
					<view class="pic">
						<image src="@/static/images/JYXX-kaoshipingtai@3x.png" mode="widthFix"></image>
					</view>
					<view class="text">考试平台</view>
				</view>
			</view>
		</view>
		<view class="workBox">
			<view class="title">队伍管理</view>
			<view class="workList">
				<view class="workItem" @click="openPage('/pages/workbench/teamManage/index')">
					<view class="pic">
						<image src="@/static/images/DWGL-kaoqindianming@3x.png" mode="widthFix"></image>
					</view>
					<view class="text">考勤点名</view>
				</view>
				<view class="workItem" @click="openPage('/pages/workbench/teamManage/leave')">
					<view class="pic">
						<image src="@/static/images/DWGL-qingjiashenpi@3x.png" mode="widthFix"></image>
					</view>
					<view class="text">请假审批</view>
				</view>
				<view class="workItem" @click="openPage('/pages/workbench/teamManage/leaveList')">
					<view class="pic">
						<image src="@/static/images/DWGL-xiujiiaguanli@3x.png" mode="widthFix"></image>
					</view>
					<view class="text">休假管理</view>
				</view>
				<!-- <view class="workItem">
					<view class="pic bg-red">
						<u-icon name="order"></u-icon>
					</view>
					<view class="text">作战现场</view>
				</view> -->
				<view class="workItem" @click="openPage('/pages/common/buildNow')">
					<view class="pic">
						<image src="@/static/images/DWGL-sushedianyan@3x.png" mode="widthFix"></image>
					</view>
					<view class="text">宿舍点验</view>
				</view>
				<view class="workItem" @click="openPage('/pages/workbench/teamManage/superList')">
					<view class="pic">
						<image src="@/static/images/DWGL-duchatongbao@3x.png" mode="widthFix"></image>
					</view>
					<view class="text">督察通报</view>
				</view>
			</view>
		</view>
		<view class="workBox">
			<view class="title">后勤管理</view>
			<view class="workList">
				<view class="workItem" @click="openPage('/pages/workbench/logistics/index')">
					<view class="pic">
						<image src="@/static/images/HQGL-cheliangzhuangbeiguanli@3x.png" mode="widthFix"></image>
					</view>
					<view class="text">车辆装备管理</view>
				</view>
				<view class="workItem" @click="openPage('/pages/workbench/equipment/defend')">
					<view class="pic">
						<image src="@/static/images/YDBG-xingzhengyongche@3x.png" mode="widthFix"></image>
					</view>
					<view class="text">车装维护</view>
				</view>
				<view class="workItem" @click="openPage('/pages/workbench/equipment/maintain')">
					<view class="pic">
						<image src="@/static/images/XLGL-zhouxunlian@3x.png" mode="widthFix"></image>
					</view>
					<view class="text">车装保养</view>
				</view>
				<view class="workItem" @click="openPage('/pages/workbench/equipment/repair')">
					<view class="pic">
						<image src="@/static/images/ZHDD-ziliaoku@3x.png" mode="widthFix"></image>
					</view>
					<view class="text">故障报修</view>
				</view>
				<view class="workItem" @click="openPage('/pages/workbench/equipment/expenses')">
					<view class="pic">
						<image src="@/static/images/HQGL-baoxiaoyuyue@3x.png" mode="widthFix"></image>
					</view>
					<view class="text">报销预约</view>
				</view>
			</view>
		</view>
		<view class="workBox">
			<view class="title">物资管理</view>
			<view class="workList">
				<view class="workItem" @click="openPage('/pages/workbench/material/list')">
					<view class="pic">
						<image src="@/static/images/HQGL-wuziguanli@3x.png" mode="widthFix"></image>
					</view>
					<view class="text">物资统计</view>
				</view>
				<view class="workItem" @click="openPage('/pages/workbench/material/buyList')">
					<view class="pic">
						<image src="@/static/images/YDBG-banwenbanshi@3x.png" mode="widthFix"></image>
					</view>
					<view class="text">物资购买</view>
				</view>
				<view class="workItem" @click="openPage('/pages/workbench/material/getList')">
					<view class="pic">
						<image src="@/static/images/YDBG-huiyiguanli@3x.png" mode="widthFix"></image>
					</view>
					<view class="text">物资申领</view>
				</view>
			</view>
		</view>
		<view class="workBox">
			<view class="title">防火监督</view>
			<view class="workList">
				<view class="workItem" @click="openPage('/pages/workbench/fireproof/list')">
					<view class="pic">
						<image src="@/static/images/FHJD-fangxiaolianqin@3x.png" mode="widthFix"></image>
					</view>
					<view class="text">防消联勤</view>
				</view>
				<view class="workItem" @click="openPage('/pages/workbench/collect/list')">
					<view class="pic">
						<image src="@/static/images/FHJD-sucaishouji@3x.png" mode="widthFix"></image>
					</view>
					<view class="text">素材收集</view>
				</view>
				<view class="workItem" @click="openPage('/pages/common/buildNow')">
					<view class="pic">
						<image src="@/static/images/FHJD-richangguanli@3x.png" mode="widthFix"></image>
					</view>
					<view class="text">日常管理</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			value: '',
			shape: '',
			clearabled: true,
			showAction: false,
			inputAlign: 'left',
			bgColor:'#e8e8e8',
			list: [
				{
					image: 'https://cdn.uviewui.com/uview/swiper/1.jpg',
					title: '昨夜星辰昨夜风，画楼西畔桂堂东'
				},
				{
					image: 'https://cdn.uviewui.com/uview/swiper/2.jpg',
					title: '身无彩凤双飞翼，心有灵犀一点通'
				}
			]
		};
	},
	onShow() {
		uni.setNavigationBarTitle({
			title: '工作台'
		});
	},
	methods: {
		openPage(path) {
			this.$u.route({ 
				url: path
			})
		},
	}
};
</script>

<style lang="scss" scoped>
.workModal {
	background: #f8f8f8;
	padding: 0 20rpx;
	.searchBox {
		padding: 20rpx 0 0;
	}
	.swiper-box {
		padding: 20rpx 0;
	}
	.workBox{
		background: #fff;
		border-radius:0.2em;
		margin-bottom:20rpx;
		.title{
			padding:20rpx;
			font-weight: 600;
		}
		.workList{
			overflow: hidden;
			.workItem{
				width: 20%;
				float:left;
				margin-bottom:20rpx;
				text-align: center;
				.pic{
					display: inline-block;
					height:80rpx;
					line-height: 80rpx;
					width: 80rpx;
					border-radius: 0.3em;
					color:#fff;
					font-size:40rpx;
					image{
						width: 100%;
					}
					&.bg-blue{
						background: #2979FF;
					}
					&.bg-blue-light{
						background: #2B85E4;
					}
					&.bg-orange{
						background: #FF9900;
					}
					&.bg-orange-light{
						background: #F29100;
					}
					&.bg-green{
						background: #18B566;
					}
					&.bg-green-light{
						background: #19BE6B;
					}
					&.bg-red{
						background: #FA3534;
					}
				}
				.text{
					font-size:20rpx;
					padding:10rpx 0;
				}
			}
		}
	}
}
</style>
